<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vertical-align图片文字对齐</title>
		<style>
			div {
				border: 2px solid red;
			}
			img,
			textarea {
				vertical-align: middle;
				resize: none;
				outline: none;
			}
			input {
				outline: none;
			}
		</style>
	</head>
	<body>
		<div>
			<img src="1.jpg" alt="">大周老师
		</div>
		<div>
			<textarea name="" id="" cols="30" rows="10"></textarea>大周老师要输入的文本
		</div>
		<input type="text">
	</body>
</html>